*{
  margin: 0;
  padding: 0;
}
a{
  text-decoration: none;
  color: #000;
}
li{
  list-style: none;
}
// 导航第一行
.header{
  height: 30px;
  width: 100%;
  background: #000;
}
.header>.headcenter{
  height: 30px;
  width: 1190px;
  margin: 0 auto;
  // background: #999;
  color: #fff;
}
.header>.headcenter>.hdleft{
  height: 30px;
  width: 500px;
  float: left;
}
.header>.headcenter>.hdleft>ul{
  height: 30px;
  width: 500px;
  
}
.header>.headcenter>.hdleft>ul>li{
  height: 30px;
  width: 100px;
  float: left;
  font-size: 12px;
  line-height: 30px;
}
.header>.headcenter>.hdleft>ul>li>a{
  color: #fff;
}
.header>.headcenter>.hdleft>ul>li:nth-child(2){
  width: 40px;
}
.header>.headcenter>.hdleft>ul>li:nth-child(3){
  width: 10px;
}

.header>.headcenter>.hdleft>ul>li:nth-child(2):hover>a{
  color: red;
}
.header>.headcenter>.hdleft>ul>li:nth-child(4):hover>a{
  color: red;
}
.header>.headcenter>.hdleft>ul>li:nth-child(5):hover>a{
  color: red;
}

.header>.headcenter>.hdright{
  height: 30px;
  width: 400px;
  float: right;
}
.header>.headcenter>.hdright>ul{
  height: 30px;
  width: 400px;
  // background-color: chartreuse;
}
.header>.headcenter>.hdright>ul>li{
  height: 30px;
  width: 100px;
  float: left;
  font-size: 12px;
  line-height: 30px;
  text-align: right;
}
// .header>.headcenter>.hdright>ul>li>a>span{
//   background: url(https://ssl1.sephorastatic.cn/soa/pc/images/my-sephora.png);
// }
.header>.headcenter>.hdright>ul>li>a{
  color: #fff;
}
.header>.headcenter>.hdright>ul>li:hover>a{
  color: red;
}
// 导航图片LOGO行

.hdpic{
  height: 84px;
  width: 100%;
}
.hdpic>.piccenter{
  height: 64px;
  width: 1190px;
  // background-color: palegreen;
  margin: 0 auto;
  padding-top: 20px;
}
.hdpic>.piccenter>div{
  width: 320px;
  float: left;
}
.hdpic>.piccenter>div>a{
  display: block;
  height: 32px;
  width: 240px;
}
.hdpic>.piccenter>div>a>img{
  height: 32px;
  width: 240px;
}
.hdpic>.piccenter>.search{
  width: 650px;
  height : 60px;
  // background-color: palevioletred;
}
.hdpic>.piccenter>.search>input{
  width: 520px;
  height: 34px;
  float: left;
}
.hdpic>.piccenter>.search>a{
  display: block;
  height: 38px;
  width: 90px;
  float: left;
}
.hdpic>.piccenter>.search>a>.button{ 
  background-color: #000;
  color: #fff;
  text-align: center;
  line-height: 38px;
  height: 38px;
}
.hdpic>.piccenter>.search>ul{
  height: 19px;
  width: 655px;
  // background-color: paleturquoise;
}
.hdpic>.piccenter>.search>ul>li{
  height: 19px;
  width: 90px;
  float: left;;
}
.hdpic>.piccenter>.search>ul>li>a{
  font-size: 12px;
  display: block;
  text-align: center;
  line-height: 19px;
  color: #777;
}
.hdpic>.piccenter>.search>ul>li>a:hover{
  color: red;
}
.hdpic>.piccenter>.cart{
  height: 36px;
  width: 190px;
  border: 1px solid #777;
}
.hdpic>.piccenter>.cart>a{
  display: block;
  height: 36px;
  width: 190px;
  text-align: center;
  line-height: 36px;
}
